<template>
  <view style="width: 100%; min-height: 100vh;">
    <view class="flex flex-direction align-center" style="width: 100%; padding-top: 178upx">
      <image src="/static/icon/detail/zhifucg2@2x.png" style="width: 204upx; height: 212upx;"></image>
      <view style="font-size: 28upx; color: #333333; font-weight: bold; margin-bottom: 64upx;">订单支付成功</view>
      <view style="font-size: 28upx; color: #333333; font-weight: bold; margin-bottom: 64upx;">¥{{fee}}</view>
<!--      <view class="flex align-center justify-center"-->
<!--            style="width: 596upx; height: 80upx; margin-bottom: 30upx; background-color: #E52718; color: white; font-size: 28upx; border-radius: 40upx;">-->
<!--        资料下载-->
<!--      </view>-->
      <view class="flex align-center justify-center" @click="handleToDetail"
            style="width: 596upx; height: 80upx; margin-bottom: 30upx; background-color: #E52718; color: white; font-size: 28upx; border-radius: 40upx;">
        返回详情
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      fee: '', //金额
    }
  },
  methods: {
    //去详情页
    handleToDetail(){
      uni.navigateBack({
        delta: 1
      });
    }
  },
  onLoad(e){
    this.fee = e.fee;
  }
}
</script>
<style lang="less" scoped>
</style>
